<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta property="wb:webmaster" content="c51923015ca19eb1">
    <meta name="author" content="m.taobao.com">
    <meta name="copyright" content="Copyright ©m.taobao.com 版权所有">
    <meta name="revisit-after" content="1 days">
    <meta name="keywords" content="">
    <meta name="description" content="">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../css/common/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/common/swiper-3.4.2.min.css">
	<link rel="stylesheet" type="text/css" href="../css/index.css">
	<link rel="stylesheet" type="text/css" href="../css/firstPage.css">
	<link rel="stylesheet" type="text/css" href="../css/common/bottom.css">
</head>
<body>
	<div class="header color">
	    <div class="search_container">
	        <img src="../img/search.png" class="search_img">
	        <img src="../img/delete.png" class="close">
	        <input type="text" class="search" placeholder="请输入商品名字">
	    </div>
	</div>
	<!-- 轮播图 -->
	<div class="swiper-container">
	  <div class="swiper-wrapper">
	    <div class="swiper-slide"><img src="../img/1.jpg"></div>
	    <div class="swiper-slide"><img src="../img/2.jpg"></div>
	    <div class="swiper-slide"><img src="../img/3.jpg"></div>
	  </div>
	  	<!-- 如果需要分页器 -->
    	<div class="swiper-pagination"></div>
	</div>
	<!-- 轮播图结束 -->

	<!-- 分类 -->
	<div class="classify_container">
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/arbre.png">
			</div>
			<p>科幻</p>
		</div>
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/boat.png">
			</div>
			<p>动作</p>
		</div>
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/chapeau.png">
			</div>
			<p>青春</p>
		</div>
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/demino.png">
			</div>
			<p>动漫</p>
		</div>
	</div>
	<div class="classify_container">
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/enfant.png">
			</div>
			<p>爱情</p>
		</div>
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/pomme.png">
			</div>
			<p>喜剧</p>
		</div>
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/robot.png">
			</div>
			<p>恐怖</p>
		</div>
		<div class="classify">
			<div class="p_wrapper">
				<img src="../img/nuage.png">
			</div>
			<p>传记</p>
		</div>
	</div>
	<!-- 分类结束 -->

	<!-- 猜你喜欢 -->
	<div class="like_wrapper">
		<img src="../img/like.png">
		<span class="like_font">猜你喜欢</span>
		<div class="l_font">实时推荐相关电影</div>
	</div>
	<ul class="page_wrapper">
		<div class="page-container">
			<!-- 由JS插入li -->
		</div>
	</ul>
	<div id="bottom" data-active="0"></div>
	<script src="../js/common/iconfont.js"></script>
	<script type="text/javascript" src="../js/common/jquery-3.1.0.min.js"></script>
	<script type="text/javascript" src="../js/common/flexible.js"></script>
	<script type="text/javascript" src="../js/index.js"></script>
	<script type="text/javascript" src="../js/sfDom.js"></script>
	<script type="text/javascript" src="../js/firstPage.js"></script>
	<script type="text/javascript" src="../js/common/bottom.js"></script>
	<script type="text/javascript" src="../js/common/layer/layer.js"></script>
	<script type="text/javascript" src="../js/common/swiper.min.js"></script>
<script> 
var mySwiper = new Swiper ('.swiper-container', {
    loop: true,
    autoplay : 2000,
    // 如果需要分页器
    pagination: '.swiper-pagination',
    autoplayDisableOnInteraction : false,
  })        
</script>
</body>
</html>